<template>
    <div>
        <!-- <el-container class="hight">
            <el-container>
                <el-header height="70px">菜谱</el-header>
                <el-aside width="200px"><SideBar></SideBar> </el-aside>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container> -->

        <el-container>
            <el-aside width="200px"
                ><SideBar class="aside_el"></SideBar
            ></el-aside>
            <el-container>
                <el-main> <router-view></router-view></el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import SideBar from "../../components/common/Sidebar.vue";
export default {
    components: {
        SideBar,
    },
};
</script>

<style scoped lang="scss">
.el-container {
  height: 100vh;
    .aside_el {
        height: 100%;
    }
}
</style>